<template>
    <!-- 主要是动态设置宽高/位置 -->
    <div :class="['borderline', line.type]" :style="line">

    </div>
</template>
<script setup>
import { ref } from 'vue'
let props = defineProps({
    line: Object
})
let style = ref({});
// console.log('line-----', props.line)
function initStyle() {
    switch (type) {
        case 'top':
            {
                x: minX,
                    width
            };
            break;
        case 'bottom': ; break;
        case 'left': ; break;
        case 'right': ; break;
    }
}
</script>
<style lang="scss" scoped>
.borderline {
    border: 0 dashed #d14424;
    position: absolute;
    z-index: 3;

    &.top {
        border-top-width: 1px
    }

    &.bottom {
        border-bottom-width: 1px;
    }

    &.left {
        border-left-width: 1px;
    }

    &.right {
        border-right-width: 1px;
    }
}
</style>